<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <?php echo $this->Html->charset(); ?>
	<title><?php echo 'SISVENLA' ?></title>
	<?php
            echo $this->Html->meta('icon');
            echo $this->Html->css(array(
                                    'sisvenla', 
                                    //'rojo/jquery-ui.min',
                                    'personalizado/jquery-ui-1.10.4.custom.min',
                                ));
            echo $this->Html->script(array(
                                        'jquery/jquery', 
                                        //'jquery/jquery-ui.min', 
                                        'jquery/jquery-ui-1.10.4.custom.min', 
                                        'jquery/jquery.validate', 
                                        'jquery/additional-methods', 
                                        'jquery/jquery.maskedinput.min', 
                                        'boxOver', 
                                    ));

            echo $this->fetch('meta');
            echo $this->fetch('css');
            echo $this->fetch('script');
	?>
        <script type="text/javascript">
            $(function(){
                //PREVIENE CLICK DERECHO
                /*$(this).bind("contextmenu", function(e) {
                    e.preventDefault();
                });*/
        
                var divs_transparentDiv = $('div#div_loader');
                divs_transparentDiv.css('display', 'none');
                var divs_transparentDivImg = $('div#div_loader_img');

                //DIMENSIONES DE LA VENTANA
                $.fn.__getBrowserSize = function() {
                    var bodyWidth = $(window).width(),
                        bodyHeight = $(window).height();

                    return [bodyWidth, bodyHeight];
                };

                //POSICIONA LA VENTANA DE CARGA EN EL CENTRO DE LA PANTALLA
                $.fn.__repositionTransparentDiv = function() {
                    divs_transparentDiv.css('top', '0px');
                    divs_transparentDiv.css('left', Math.max($(document.body).scrollLeft(), $(window).scrollLeft()) + 'px');
                    var brSize = $.fn.__getBrowserSize(),
                        bodyWidth = brSize[0],
                        bodyHeight = brSize[1],
                        padtop = (bodyHeight / 2);
                    divs_transparentDiv.css('paddingTop', padtop + 'px');
                    divs_transparentDiv.css('height', '2000px');
                };

                //MUESTRA LA VENTANA DE CARGA
                $.fn.show_div_loader = function() {
                    divs_transparentDiv.css('display', 'block');
                    divs_transparentDivImg.css('display', 'block');
                    var st = Math.max($(document.body).scrollTop(), $(window).scrollTop()),
                        sl = Math.max($(document.body).scrollLeft(), $(window).scrollLeft());
                    window.scrollTo(sl, st);
                    setTimeout('window.scrollTo(' + sl + ',' + st + ');', 10);
                    $.fn.__repositionTransparentDiv();
                };

                //OCULTA LA VENTANA DE CARGA
                $.fn.hide_div_loader = function() {
                    divs_transparentDiv.css('display', 'none');
                    divs_transparentDivImg.css('display', 'none');
                };
                
                //DESCOMENTAR EL CARGANDO
                //$.fn.show_div_loader();

                //FUNCION PARA DIALOGO DE MENSAJES
                $.fn.mensajes = function(dialogo, titulo, mensaje){
                    titulo = (titulo != '') ? titulo : 'Aviso';
                    mensaje = (mensaje != '') ? mensaje : 'Ha ocurrido un problema, intentelo de nuevo';
                    dialogo.dialog('option', 'title', titulo);
                    dialogo.html(mensaje);
                    dialogo.dialog('open');
                };
        
                //OPCIONES POR DEFECTO PARA MOSTRAR MENSAJES DE VALIDACION EN TOOLTIPS
                $.validator.setDefaults({
                    showErrors: function(map, list) {
                        // there's probably a way to simplify this
                        var focussed = document.activeElement;
                        if (focussed && $(focussed).is("input, textarea")) {
                            $(this.currentForm).tooltip("close", { currentTarget: focussed }, true)
                        }
                        this.currentElements.removeAttr("title").removeClass("error");
                        $.each(list, function(index, error) {
                            $(error.element).attr("title", error.message).addClass("error");
                        });
                        if (focussed && $(focussed).is("input, textarea")) {
                            $(this.currentForm).tooltip("open", { target: focussed });
                        }
                    }
                });
                
                //OPCIONES POR DEFECTO Y VARIABLES GLOBALES DE DIALOGOS
                $.extend($.ui.dialog.prototype.options, {
                    autoOpen: false,
                    modal: true,
                    resizable: false,
                    //closeOnEscape: false,
                    dialogClass: "no-close",
                    draggable: false,
                    close: function(){
                    },
                    open: function(){
                    }
                });
                
                //DEFINICION PARA CEDULA EN MASKEDINPUT
                $.mask.definitions['j'] = '[jgJG]';
                $.mask.definitions['n'] = '[vejgVEJG]';
                
                //DIALOGO DE AVISOS Y MENSAJES
                dialogoAvisos = $("div#dialogoAvisos").dialog({
                    width: 'auto',
                    buttons: [{
                        text: 'Cerrar',
                        icons: {primary: "ui-icon-closethick"},
                        click: function() {
                            $(this).dialog("close");
                        }
                    }]
                });
                
                var icons = {
                    header: "ui-icon-circle-arrow-e",
                    activeHeader: "ui-icon-circle-arrow-s"
                };
                $("#menu").accordion({heightStyle: "content", icons: icons});
                
                $('a.nuevo').button({icons: {primary: 'ui-icon-document'}});
                $('button.guardar').button({icons: {primary: 'ui-icon-disk'}});
                $('a.cancelar').button({icons: {primary: 'ui-icon-cancel'}});
                
                $('.menuHijo').click(function(){
                    var menuHijo = $(this).text(),
                        menuPadre = $(this).parent().parent().parent().prev().text();
                    localStorage.setItem('m_padre', menuPadre);
                    localStorage.setItem('m_hijo', menuHijo);
                });
                
                if(localStorage.getItem('m_padre') != null && localStorage.getItem('m_hijo') != null) {
                    $('#menu').find('h3:contains(' + localStorage['m_padre'] + ')').trigger('click');
                    $('#menu').find('div.ui-accordion-content > ul#lista_accordion > li > a.menuHijo:contains(' + localStorage['m_hijo'] + ')').addClass('over');
                    $('div.crumb_navigation > span.current').html(localStorage['m_padre'] + ' > ' + localStorage['m_hijo']);
                    //<div class="crumb_navigation">Navigation: <span class="current">Home</span></div>
                } else
                    $('div.crumb_navigation > span.current').html();
                
                $('a.nav').click(function(){
                    localStorage.clear();
                });

            });
        </script>
    </head>
    <body>
        <div id="div_loader" align="center" class="pageloader"></div>
        <div align="center" id="div_loader_img" style="display:none;z-index:9999;position:absolute;top:35%;left:38%;">
            <?php echo $this->Html->image('sisvenla/ajax-loader.gif', array('style' => 'padding-top: 40px;')); ?>
            <br />
            <?php echo 'CARGANDO POR FAVOR ESPERE' ?>
        </div>
        <div id="main_container">
            <div id="header">
                <div id="logo"><?php echo $this->Html->image('sisvenla/lavadora_sinfondo.png', array('style' => 'width: 150px; height: 100px;')); ?></div>
                <div id="escudo"><?php echo $this->Html->image('sisvenla/escudo_aragua.png'); ?></div>
            </div>
            <div id="main_content">
                <div id="menu_tab">
                    <div class="left_menu_corner"></div>
                    <ul class="menu">
                        <li class="nav">Usuario: <span class="nav_det"><?php echo ucfirst($this->Session->read('usuario')); ?></span></li>
                        <li class="divider"></li>
                        <li class="nav">Perfil: <span class="nav_det"><?php echo $this->Session->read('perfil_nombre'); ?></span></li>
                        <li class="divider"></li>
                        <li class="nav">&Uacute;ltimo Acceso: <span class="nav_det"><?php echo $this->Util->fecha_hora($this->Session->read('ultimo_acceso')); ?></span></li>
                        <li class="divider"></li>
                        <li class="nav">Fecha Sistema: <span class="nav_det"><?php echo date('d-m-Y h:i a'); ?></span></li>
                        <li class="divider"></li>
                    </ul>
                    <div class="right_menu_corner"></div>
                </div>
                <div class="crumb_navigation">Navegaci&oacute;n: <span class="current">Inicio</span></div>
                <div id="menu" class="left_content">
                    <h3>Men&uacute;</h3>
                    <div>
                        <ul id="lista_accordion">
                            <li><?php echo $this->Html->link('Inicio', '/Usuarios/iniciar_sesion', array('class' => 'menuHijo')); ?></li>
                            <li><?php echo $this->Html->link('Reseña Histórica', '/Pages/resena', array('class' => 'menuHijo')); ?></li>
                            <li><?php echo $this->Html->link('¿Quienes Somos?', '/Pages/nosotros', array('class' => 'menuHijo')); ?></li>
                            <li><?php echo $this->Html->link('Misión y Visión', '/Pages/mision_vision', array('class' => 'menuHijo')); ?></li>
                        </ul>
                    </div>
                </div>
                <div id="center_content" class="center_content">
                    <?php echo $this->Session->flash(); ?>
                    <div class="panel panel-default">
                        <?php echo $this->fetch('content'); ?>
                    </div>
                </div>
            </div>
            <div class="footer">
                <div class="center_footer">Sistema de Venta de Lavadoras - SISVENLA</br>&copy; 2014 Todos los Derechos Reservados.</div>
            </div>
        </div>
        <div id="dialogoAvisos" title="Aviso" class="centro"></div>
        <div id="dialogoConfirmacion" title="Aviso"></div>
    </body>
</html>